<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <!--这里是员工和管理员界面-->
    <title>快递之家管理系统</title>
</head>
<link rel="icon" href="data:;base64,=">
<link rel="stylesheet" href="/static/layui/layui/css/layui.css">
<body class="layui-layout-body">
    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div>用户列表</div>
        <table id="demo" lay-filter="test"></table>
    </div>
</div>
</body>
<script src="/static/layui/layui/layui.all.js"></script>
<script src="/static/jquery/jquery-3.4.0.js"></script>
<script>
    //JavaScript代码区域
    layui.use('table', function(){
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#demo'
            ,height: 312
            ,url: '' //数据接口
            ,page: true //开启分页
            ,cols: [[ //表头
                {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
                ,{field: 'userid', title: '用户账号', width:100}
                ,{field: 'usertelephone', title: '用户电话', width:80}
                ,{field: 'info', title: '留言内容', width:200}
            ]]
        });

    });
</script>
</html>